#root{
    width:100%;
    height: 100%;
}
.article_list{
    padding:24px 32px 8px;
    background-color:#fff;
    box-sizing: border-box;
    float: left;
    width:calc( 100% - 250px )
}
.article_bg{
    background-color: #e2e9ea;
    width:100%;
    box-sizing: border-box;
    padding-bottom:60px;
}
.article_con{
    width:1000px;
    margin:0 auto;
    position: relative;
}
.breadcrumb{
    padding: 6px 0;
    font-size: 12px;
    color:#000;
}
.art_addBox{
    display: block;
    .art_l{
        float: left;
        width:770px;
        border:1px solid #c2d1d8;
        padding:20px 0px 20px 0px;
        background-color: #fff;
    }
    .art_r{
        float: right;
        width:220px;
        box-sizing: border-box;
        border:1px solid #c2d1d8;
        padding:20px 10px;
        background-color: #fff;
    }
}
.ant-modal.preview{
    height:calc( 100% - 56px );
}
.preview .ant-modal-header{
    padding:0;
    height:46px;
    line-height: 46px;
    padding:0 20px;
    .ant-modal-title{
        height:46px;
        line-height: 46px;
    }
}
.preview .ant-modal-close-x{
    width:46px;
    height:46px;
    line-height: 46px;
}
.preview .ant-modal-content{
    height:100%;
}
.preview .ant-modal-body{
    height:calc( 100% - 46px );
    overflow-y:auto;
    padding:0
}
.prewCont *{
    margin:0;
    img{
        max-width:100%;
    }
}